*{margin:0;padding:0;box-sizing:border-box;}

html,body{
  width:100%;
  /*-webkit-overflow-scrolling: touch;*/
  -webkit-tap-highlight-color: rgba(255,255,255,0);
  font-size:63%!important;
  font-family: PingFang SC,STHeiti,"Microsoft Yahei","微软雅黑",Helvetica,sans-serif;
  background-color: #782ec3;
  background: -webkit-linear-gradient(left,#291e55,#782ec3);
}
#detail main{
  width:100%;
  padding:10px;
}
#detail main .head{
  width:100%;
  background-color:#fff;
  border: 2px solid #6c4396;
  padding:20px 8px;
}
#detail main .head .head-info{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  font-size:16px;
}
#detail main .head .head-info span{
  color:#341167;
}
#detail main .head img,main .head audio,main .head video{
  width:100%;
}
#detail main .brief{
  padding: 20px 10px 40px;
}
#detail main .brief p{
  font-size:14px;
  color:#e3e3e3;
  text-indent:1em;
  line-height: 1.6;
}
#detail main .brief *{
  color: #e3e3e3 !important;
}
#detail footer{
  /*position:fixed;*/
  /*bottom:0;*/
  /*left:0;*/
  /*z-index:99;*/
  width:100%;
}
#detail footer .vote-btn{
  width: 100%;
  background-color:#3a1b75;
  color:#e6dbf6;
  padding: 13px 0;
  border:none;
  outline:none;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance:none;
}
#detail footer #vote{
  background-color:#3d1d7a;
  margin-bottom: 4px;
}
#detail footer #return{
  background-color:#2c1459;
  color: #9e8cc0;
}